<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>进行中团检</title>
  <link rel="stylesheet" type="text/css" href="../../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../../themes/icon.css">
  <script type="text/javascript" src="../../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    body {
      font-size: 14px;
      background-color: #eee;
    }
    a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      padding: 0;
      margin: 0;
    }
    .content{
      height: 100%;
      padding: 30px;

    }
    .content_title {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #000;
    }
    .content-left-right{
      display: flex;
      width: 100%;
      height: 100%;
    }
    /* .content_left,.content_right{
      float: left;
      height: 100%;
      background: #fff;

    } */
    .content_left {
      width: 40%;
      background: #fff;
      border-radius: 10px;
      padding: 30px;
      margin-right: 20px;

    }
    .content_right{
      width: 60%;
      background: #fff;
      border-radius: 10px;
      padding: 30px;
    }
    .form-item{
      float: left;
      margin-right: 20px;
      margin-top: 20px;
    }
    .form-item .btn {
      /* width: 80px;
       */
      padding: 0 30px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      background: rgba(64, 158, 255, 1);
      border-radius: 10px;
    }
    .submit{
      margin: 50px auto;
      width: 80px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      font-size: 16px;
      border-radius: 5px;
      border: 1px solid;
      cursor: pointer;
      background-color: rgba(64, 158, 255, 1);
      color: #ffffff;
    }
    .package-list{
      margin-top: 100px;
    }
    .basic-information{
      margin: 20px;
      border-bottom: 1px solid #333333;
      padding-bottom: 20px;
    }
    .bi-title, .pyi-title{
      font-size: 16px;
      font-weight: bold;
    }
    .bi-item{
      width: 100%;
      font-size: 14px;
      margin-top: 10px;

    }
    .bi-label, .bi-value{
      display: inline-block;
    }
    .py-items{
      margin: 20px;
    }
    .pyi-list{
      margin-top: 20px;
    }
    .detail {
        width: 100px;
        color: rgba(64, 158, 255, 1);
        text-align: center;
    }
  </style>
</head>
<body>
  <div class="content">
    <h3 class="content_title">进行中团检 <span style="font-weight: 400;font-size: 14px;">进行中团检包括审核通过且并未结束的团检</span></h3>
    <form class="form-content" id="ff" method="post" style="width: 100%;height: 100%">
      <div class="content-left-right">
        <div class="content_left">
          <div style="font-size: 18px; font-weight: 700;">团检列表</div>
          <div class="form-item">
            <label for="name">企业名称:</label>
            <input class="easyui-validatebox" placeholder="输入内容" type="text" id="name" name="name" style="width: 270px;height: 30px;"/>
          </div>
          <div class="form-item">
            <a href="#" class="btn">搜索</a>
          </div>
          <div class="package-list">
            <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 552px">
              <thead>
                <tr>
                  <th data-options="field:'a1',width:100,align:'center'">序号</th>
                  <th data-options="field:'a3',width:200,align:'center'">企业名称</th>
                  <th data-options="field:'a4',width:100,align:'center'">总体检人数</th>
                  <th data-options="field:'a5',width:150,align:'center'">操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>山西欣欣信息科技有限公司</td>
                  <td>200人</td>
                  <td><a href="#" class="detail">结束团检</a></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>山西欣欣信息科技有限公司</td>
                    <td>200人</td>
                    <td><a href="#" class="detail">结束团检</a></td>

                </tr>
                <tr>
                    <td>3</td>
                    <td>山西欣欣信息科技有限公司</td>
                    <td>200人</td>
                    <td><a href="#" class="detail">结束团检</a></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>山西欣欣信息科技有限公司</td>
                    <td>200人</td>
                    <td><a href="#" class="detail">结束团检</a></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="content_right">
          <div style="font-size: 18px; font-weight: 700;">团检详情</div>
          <div class="basic-information">
            <div class="bi-title">基本信息</div>
            <div class="bi-item">
              <div class="bi-label">企业联系人</div>
              <div class="bi-value">张辉</div>
            </div>
            <div class="bi-item">
              <div class="bi-label">联系电话</div>
              <div class="bi-value">13555556666</div>
            </div>
            <div class="bi-item">
                <div class="bi-label">体检日期:</div>
                <div class="bi-value">
                    <input id="dd" type="text" class="easyui-datebox" style="width:250px;height: 30px;" >
                </div>
                <div class="bi-value">
                    <a href="#" class="detail">保存</a>
                </div>
              </div>
            <div class="bi-item">
              <div class="bi-label">团建结算方式</div>
              <div class="bi-value">固定套餐</div>
            </div>

            <div class="pyi-list">
              <div class="bi-label">适用套餐</div>
                <table class="easyui-datagrid" data-options="ctrlSelect:true," style="width: 502px;margin-top: 20px;">
                  <thead>
                  <tr>
                    <th data-options="field:'a1',width:100,align:'center'">序号</th>
                    <th data-options="field:'a3',width:200,align:'center'">套餐名称</th>
                    <th data-options="field:'a4',width:100,align:'center'">适用性别</th>
                    <th data-options="field:'a5',width:100,align:'center'">价格（元）</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td>1</td>
                    <td><div class="detail">体检套餐2</div></td>
                    <td>男</td>
                    <td>359.00</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td><div class="detail">体检套餐1</div></td>
                    <td>女</td>
                    <td>359.00</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td><div class="detail">体检套餐3</div></td>
                    <td>男</td>
                    <td>359.00</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td><div class="detail">体检套餐7</div></td>
                    <td>通用</td>
                    <td>359.00</td>
                  </tr>
                  </tbody>
                </table>
              </div>
          </div>
          <div class="py-items">
            <div class="pyi-title">体检人员信息</div>
            <div class="pyi-list">
              <div id="tt" class="easyui-tabs" style="width:800px;">
                <div title="05.06(15)" style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="groupDetail.html" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="05.07(20)"  style="overflow:auto;padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="05.08(35)"  style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="05.09(35)"  style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="05.10(35)"   style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="未预约(3)"   style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                          <!-- <a href="#" class="detail">查看</a> -->
                        </td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                          <!-- <a href="#" class="detail">查看</a> -->
                        </td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                          <!-- <a href="#" class="detail">查看</a> -->
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div title="未体检(3)"   style="padding:20px;display:none;">
                  <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 752px">
                    <thead>
                    <tr>
                      <th data-options="field:'a1',width:50,align:'center'">序号</th>
                      <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                      <th data-options="field:'a3',width:50,align:'center'">性别</th>
                      <th data-options="field:'a4',width:200,align:'center'">套餐名称</th>
                      <th data-options="field:'a5',width:50,align:'center'">加项</th>
                      <th data-options="field:'a6',width:100,align:'center'">订单总价</th>
                      <th data-options="field:'a7',width:100,align:'center'">实付金额</th>
                      <th data-options="field:'a8',width:100,align:'center'">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>张辉</td>
                        <td>男</td>
                        <td>体检套餐2</td>
                        <td>有</td>
                        <td>360.00</td>
                        <td>359.00</td>
                        <td>
                          <a href="#" class="detail">查看</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
            </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</body>
</html>
